<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
	<title><spring:message code="YYK-title-100016" /></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	
	<script type="text/javascript">
		;(function (doc, win) {
		    var docEl = doc.documentElement,
		      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		      recalc = function () {
		        var clientWidth = docEl.clientWidth;
		        var clientHeight = docEl.clientHeight;
		        if (!clientWidth) return;
		        if (clientWidth < clientHeight) {
		            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		        }else{
		          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
		        }
		      };
		      recalc();
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
	
	<script type="text/javascript">
	//滚动条
	var myScroll;
	function loaded () {
		myScroll = new IScroll('#wrapper', {  
            probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
            scrollbars: false,//有滚动条  
            mouseWheel: true,//允许滑轮滚动  
            fadeScrollbars: false,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
            bounce:true,//边界反弹  
            interactiveScrollbars:true,//滚动条可以拖动  
            shrinkScrollbars:'scale',// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
            click: true ,// 允许点击事件  
            keyBindings:true,//允许使用按键控制  
            momentum:true// 允许有惯性滑动  
        });
	}
	document.addEventListener('DOMContentLoaded',loaded, false);
	</script>
	
	<link rel="stylesheet" type="text/css" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
	<link rel="stylesheet" href="${static_server}/static/css/recevingAddress.css">
	<style>
	.idcardli{margin-top: 0.15rem !important;}
	.IDcardDetail .IDcard-info {width：80%;}
	.IDcardDetail .IDcard-info .IDcardName{font-size: 0.26rem;padding-right: 0.14rem;font-weight: bold;}
	.IDcardDetail .IDcard-info .IDcardNumber{font-size: 0.26rem;padding-right: 0.14rem;font-weight: bold;}
	.idcardButton {width：20%;height:1rem}
	.deleteIDCard{display: inline-block; font-size: 0.24rem;border: 1px solid #7c7b7b; border-radius: 3px; margin: 0 0 0 0.3rem; height: 0.3rem;line-height: 0.3rem;padding: 0.04rem 0.07rem;}
	.deleteIDCard .icon {padding: 0 0.1rem;font-size: 0.24rem;}
	</style>
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/common.ajax.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/user/useridcard.js"></script>
	
</head>
<body>
<div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
		<div class="headerTitle">
			<spring:message code="YYK-title-100016" />
		</div>
	</header>
	<div class="contentWrap">
		<div id="wrapper" style="bottom:1.3rem;top: 0.73rem !important;">
			<div id="scroller">
					<ul>

						<c:forEach items="${IdentityCardList}" var="idcard">
							<li id="${idcard.identityCardId}" class="idcardli">

								<div class="defaultAddressComponent commonSubHeader"
									style="height: 1.3rem; padding-bottom: 0.15rem">
									<ul class="IDcardDetail">
										<li>
											<div>
												<div class="IDcard-info fl">
													</br> <span class="IDcardName">${fn:escapeXml(idcard.identityCardName)}</span>
													<span class="IDcardNumber">${fn:escapeXml(idcard.identityCardNumber)}</span>
												</div>
												<div class="idcardButton fr">
													</br>
													<div class="deleteIDCard">
														<i class="icon iconfont">&#xe600;</i>&nbsp;
														<spring:message code="YYK-20031" />
													</div>
												</div>

											</div>
										</li>
									</ul>
								</div>

							</li>
						</c:forEach>
					</ul>
				</div>
		</div>
	</div>
	<footer class="footerToFixed" style="height:1rem">
		<!-- <div class="borderTop1"></div> -->
		<div class="addNewAddressBtn" onclick="javascript:viewIDCard();">
			<i class="icon iconfont">&#xe60e;</i>&nbsp;
			<spring:message code="YYK-20067" />
		</div>
		
	</footer>
</div>
<input type="hidden" id="path" value="${server}"/>

</body>
</html>	